<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>05-28</title>
    <link rel="stylesheet" type="text/css" href="../../frame/fonts/iconfont.css">
    <link rel="stylesheet" type="text/css" href="../../frame/layui/css/layui.css">
    <link rel="stylesheet" href="../../frame/layer-v2.0/skin/layer.css">
    <link href="../../frame/bootstrap3/css/bootstrap.css" rel="stylesheet" type="text/css"/>
    <link rel="stylesheet" type="text/css" href="../../frame/css/common.css">
    <script src="../../javascript/jquery-1.9.1.min.js"></script>
    <script src="../../frame/bootstrap3/js/bootstrap.js"></script>
    <script src="../../frame/layer-v2.0/layer.js"></script>
    <script src="../../frame/angular/base/angular.js" type="text/javascript"></script>
    <script src="../../frame/vue/vue.js"></script>
</head>
<body>
<div id="demodiv">
    <button v-on:click="editme()">新增</button>
    <table class="table active table-bordered table-hover table-condensed">
        <tr>
            <th>序号</th>
            <th>账号</th>
            <th>姓名</th>
            <th>性别</th>
            <th>角色</th>
            <th>电话</th>
            <th>邮箱</th>
            <th>添加时间</th>
            <th>操作</th>
        </tr>
        <tr v-for="(i,index) in dataList">
            <td>{{index+1}}</td>
            <td>{{i.account}}</td>
            <td>{{i.perName}}</td>
            <td>{{i.sexCode===1?"男":"女"}}</td>
            <td>{{i.role===1?"领导":"员工"}}</td>
            <td>{{i.mobile}}</td>
            <td>{{i.email}}</td>
            <td>{{i.addDateTime | dateFilter}}</td>
            <td>
                <a title="删除" @click="del(i.id)">
                    <span class="glyphicon glyphicon-trash"></span>
                </a>
                <a v-on:click="editme(i.id)" title="编辑">
                    <span class="glyphicon glyphicon-pencil"></span>
                </a>
            </td>
        </tr>
    </table>


    <!--弹出层-->
    <div class="pop  pop_prompt3 list" style="display: none">
        <table class="pop_table" width="100%" cellpadding="0" cellspacing="0" border="0">
            <tr>
                <td class="pop_td">
                    <div class="pop_box layer_v">
                        <a class="pop_close iconfont icon-guanbi" @click="closeit()"></a>
                        <div class="pop_title">{{headtitle}}</div>
                        <div class="pop_con">
                            <div class="table_from">
                                <table width="100%">
                                    <tr>
                                        <td class="table_from_left">姓名：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                <input type="text" v-model="name" class="text text_red"/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">账号：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con condition_prompt_green">
                                                <span>*</span>
                                                <input type="text " v-model="account" class="text text_red">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">身份证：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                <input type="text" v-model="citID" class="text text_red"/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">性别：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con condition_prompt_green">
                                                <span>*</span>
                                                男<input type="radio" v-model="sex" name="sex" value="1"/>
                                                女<input type="radio" v-model="sex" name="sex" value="2"/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">角色：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                领导<input type="radio" v-model="role" name="role" value="1"/>
                                                普通员工<input type="radio" v-model="role" name="role" value="2"/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">邮箱：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con condition_prompt_green">
                                                <span>*</span>
                                                <input type="text " v-model="email" class="text text_red">
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">电话：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                <input type="text" v-model="mobile" class="text text_red"/>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">所属部门：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                <select style="width: 320px;height: 40px" v-model="dep">
                                                    <option value="">请选择</option>
                                                    <option v-for="d in depList" v-bind:value="d.id">{{d.name}}</option>
                                                </select>
                                            </div>
                                        </td>
                                    </tr>
                                    <tr>
                                        <td class="table_from_left">状态：</td>
                                        <td class="table_from_right">
                                            <div class="condition_con ">
                                                <span>*</span>
                                                启用<input type="radio" v-model="useMark" name="status" value="1"/>
                                                禁用<input type="radio" v-model="useMark" name="status" value="0"/>
                                            </div>
                                        </td>
                                    </tr>
                                </table>
                            </div>
                        </div>
                        <span style="padding-left: 30px;color: red" ng-bind="errMsg"></span>
                        <div class="pop_btn">
                            <table cellpadding="0" cellspacing="0" border="0">
                                <tr>
                                    <td><a class="btn_default_m pop_prompt_btn4" v-on:click="submit()">确定</a></td>
                                    <td><a class="btn_border_m" @click="closeit()">取消</a></td>
                                </tr>
                            </table>
                        </div>
                    </div>
                </td>
            </tr>
        </table>
    </div>
</div>
<script src="../../js/vue/05-28.js"></script>
</body>
</html>